/* Copyright 2010 John L. Reilly

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

     http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License. */

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

.img {
    vertical-align: middle;
    height: 100%;
}


* {
  margin:0;
  padding:0}


html, .body {
  font: normal .8em/1.5em Arial, Helvetica, sans-serif;
/*  overflow: auto;*/
  overflow-x: hidden;
/*  overflow-y:hidden; */
}


/*FIXED HEADER*/

.headwrap {
  position: fixed; 
  top: 0px;
  left: 0px;
  right: 0px;
  padding: 0px;
  z-index: 1;
}

.headerPlug {
  height: 125px;
}

.headerPlugShort {
  height: 105px;
}

.hBlack {
  background: black; 
  height: 35px;  
  padding: 6px 10px 10px 10px;
  font-family: helvetica;
  color: white;
  text-transform:uppercase;    
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='dimgray', endColorstr='black'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(dimgray), to(black)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  dimgray,  black); /* for firefox 3.6+ */
}

.headerLeftTop {
  width: 50%;
  float: left;
  clear: left;
  text-align: left;
  font-size: 10px;
  line-size: 10px;
  height: 15px;

}

.headerLeftBottom {
  width: 70%;
  float: left;
  clear: left;
  text-align: left;
  font-size: 18px;
}

.headerRightTop {
  width: 35%;
  float: left;
  clear: right;
  float: right;
  text-align: right;
  font-size: 10px;
  line-size: 10px;
  height: 15px;
}

.headerRightBottom {
  width: 27%;
  float: right;
  clear: right;
  text-align: right;
  font-size: 18px;
}

.hGray {
  height: 55px; 
  padding-left: 8px;
  background: darkgray;
  border-bottom: 1px solid lightgray;
  overflow: hiddne;
}

.headerMist {
  height: 20px; 
  background: lightgray;
  opacity: .8;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lightgray', endColorstr='white'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(lightgray), to(white)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  lightgray,  white); /* for firefox 3.6+ */
}

a.buttonGrayHdr {
  position: relative;
  top: 22px;
  margin-left: 3px;
  align: center;
  border-top: 1px solid #e0e0e0;
  background: #787d80;
  background: -webkit-gradient(linear, left top, left bottom, from(#c7c7c7), to(#787d80) );
  background: -moz-linear-gradient(top, #c7c7c7, #787d80);
  padding: 15px 10px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
  -moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
  box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
  /*   text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
  color: black;
  font-size: 14px;
  font-family: Helvetica, Arial, Sans-Serif;
  text-decoration: none;
}

a.gSelected {
  border-top-color: #28597a;
  background: #28597a;
  color: #ccc;
}

a.GrayHdr:hover {
  border-top-color: #28597a;
  background: #28597a;
  color: #ccc;
}

a.buttonGrayHdr:active {
  border-top-color: #1b435e;
  background: #1b435e;
}

/*EQUAL HEIGHT COLUMNS FOR ALERT | MAP BUTTON*/

#alert { overflow: hidden;}
#alert div { 
	float: left;
	color: black;
  text-transform: uppercase;
  padding-top: 5px;
  margin-bottom: -1995px; 
  padding-bottom: 2000px; 
  font-size: 14px;
  font-family: Helvetica, Arial, Sans-Serif;
  }





/*HIDEAWAY*/

#content-footer div { background: #ddd; cursor: pointer; }
.add { background: #999 !important; }

/*SUBHEADERS*/

.sub {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  margin: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  -webkit-box-shadow: rgba(0, 0, 0, 1) 0 0px 0 !important;
  -moz-box-shadow: rgba(0, 0, 0, 1) 0 0px 0 !important;
  box-shadow: rgba(0, 0, 0, 1) 0 0px 0 !important;
  text-shadow: rgba(0, 0, 0, .4) 0 0px 0 !important;
  float: left;
  color: white;
  text-align: center;
  padding: 12px 10px 8px;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  font-family: Helvetica, Arial, Sans-Serif;
  text-transform: uppercase !important;
  width: 100%;
  }
  
.black {
  clear: left;
  text-align: left;
  background: black;
  background: -moz-linear-gradient(top, darkgray, black);
  background: -webkit-gradient(linear, left top, left bottom, from(darkgray), to(black) );
}

.white {
  clear: left;
  text-align: left;
  background: white;
  background: -moz-linear-gradient(top, gainsboro, white );
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(gainsboro) );
  color: midnightblue;
}

.hGold {
  top: 58px;
  background: gold;
  height: 43px;   
  vertical-align: bottom;
}

.gold {
  background: gold;
  padding: 20px; 
  margin-bottom: 10px;
  color: black;
}

.palegold {
  background-color: palegoldenrod;
  color: black;
}

.darkgold {
  background-color: goldenrod;
  color: black;
}


.footer {
  position: relative;
   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  margin: 0px !important;
  float: left;
  clear: left;
  min-height: 30px;
  margin-top: 25px;
  padding: 10px;
  background-color: #0F6394;
  font-family: helvetica;
  border-style: none;
  width: 100%;
  font-size: 14px;
  color: white;
}

.hints {
  position: relative;
  float: left;
  clear: left;
  left: 0px;
  height: 35px;
  line-height: 35px;
  padding: 10px;
  margin: 20px 0px 0px 0px;
  background-color: #0F6394;
  border-style: none;
  color: white;
  font-size: 14px;
  font-family: helvetica;
  text-align: left;
  width: 100%;
}

.centerImage {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}

.reportWrapper {
  float: left;
  clear: left;
  left: 0px;
  text-align: left;
  min-height:20px;
  backgroud-color: white;
  font-family: helvetica;
  color: dimgray;
  padding: 10px;
  line-height: 20px; 
  font-size:14px;
}

.mapWrapper {
  float: left;
  clear: left;
  left: 0px;
   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  text-align: left;
  min-height: 300px;
  min-width: 300px;
  width: 100%;
  backgroud-color: white;
  padding: 10px;
}



.chk-box{ 
  padding: 0px;
  margin: 0px;
  vertical-align: middle; 
  align: right;
}


/* RADIO BUTTONS AND CHECKBOXES */



.radioContainer {
  float: left;
  clear: left;
  width: 90%;
  height: auto !important;
  min-height: 25px;
  height: 15px;
  padding: 0px 10px 0px 0px;
  text-transform: uppercase;
}

.radioButton {
  width: 10px;
  height: 10px;
  margin-right: 10px;
  margin-left: 10px;
  text-transform: uppercase;
}

.checkContainer {
  float: left;
  clear: left;
  width: 18px;
  height: auto !important;
  min-height: 25px;
  height: 25px;
  padding: 8px 14px 0px 10px;
}

.checkButton {
  width: 10px;
  height: 10px;
}

.row {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  float: left;
  clear: left;
  width: 100%;
  padding: 7px 7px 7px 10px;
  vertical-align: middle !important;
  height: auto !important;
  min-height: 25px;
  height: 25px;
  line-height: 25px;
  background-color: none;
  font-family: helvetica;
  font-size: 14px;
  text-transform: uppercase;
  color: dimgray;
}

.title {
  color: midnightblue;
  padding-bottom: 0px !important;
}

.left1 {
  text-align: left;
  align: left !important;
  margin-left: 0px;
  max-width: 100%px;
}

.left2 {
  text-align: left;
  align: left !important;
  margin-left: 0px;
  max-width: 80%px;
}

.left3 {
  text-align: left;
  align: left !important;
  margin-left: 0px;
  max-width: 60%px;
}


.right {
  float: right;
  clear: right;
  align: right !important;
  margin-right: 15px;
  height: 50px;
  vertical-align: middle;
}

.reportRightSliver {
  float: right;
  left: 0px;
  width: 10px;
  height: auto !important;
  min-height: 25px;
  height: 25px;
  line-height: 25px;
  background-color: palegoldenrod;
  text-transform: capitalize;
  margin-right: 0px;
  margin: 0px; 
  min-height: 40px; 
  min-width: 10%; 
  height: 300px; 
  clear: none;  
  padding: 0px;
}

  a.href {
  font-family: helvetica;
  font-size: 14px;
  color: dimgray;
}  

.cCode {
 height: 20px;
 width: 21%;
 padding: 5px;
 min-width: 30px;
 float: left;
 clear: none;
 border-style: solid;
 border-width: 1px;
 border-color: lightgray;
 text-align: center; 
 }

.on { 
border:1px outset;
text-color: black;
background:green;
padding: 0px 10px;
text-align: right;
}

.off {
border:1px outset;
color: dimgray;
background:lightgray;
padding: 2px 10px;
text-align: right;
}

.hide {
  display: none;
}

.span {
  display: block;
}

a {
  text-decoration: none;
  color: black;
}

a.button {
  position: relative;
  float: left;
  clear: left;
/*  vertical-align : middle;*/
  border-top: 1px solid #0f6394;
  padding: 12px 10px 8px 10px; 
  margin: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
  -moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
  box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
/*  text-shadow: rgba(0, 0, 0, .4) 0 1px 0;*/
  text-align: left;
  text-decoration: none;
  font-family: helvetica;
  font-size: 14px; 
  text-transform: uppercase;
  color: white;
}


a.buttonright {
  position: relative;
  float: left;
  clear: left;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  margin: 0px !important;
  border-top: 1px solid #0f6394;
  padding: 12px 10px 8px 10px; 
  text-align: left;
  font-family: helvetica;
  font-size: 14px; 
  text-transform: uppercase;
  color: white;
}




.upper {
  text-transform: uppercase;
}



a.upper {
  text-transform: uppercase;
}

a.buttonWrap {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}
 
  
/* -----------------------------------------------------------------------------------------------*/
/* BUTTON COLORS                                                                                  */
/* -----------------------------------------------------------------------------------------------*/
  
  
a.blue {
  background: #0F6394;
  background: -webkit-gradient(linear, left top, left bottom, from(#0F6394), to(black) );
  background: -moz-linear-gradient(top, #0F6394, black);
}

.blue {
  background: #0F6394;
  background: -webkit-gradient(linear, left top, left bottom, from(#0F6394), to(black) );
  background: -moz-linear-gradient(top, #0F6394, black);
}
  
a.blue:hover {
  border-top-color: #28597a;
  background: #28597a;
  color: #ccc;
}

a.blue:active {
  border-top-color: #1b435e;
  background: #1b435e;
}

a.red {
  background: darkred;
  background: -webkit-gradient(linear, left top, left bottom, from(darkred), to(darkred) );
  background: -moz-linear-gradient(top, darkred, darkred);
} 

a.red:hover {
  border-top-color: #28597a;
  background: darkred;
  color: #ccc;
}

a.red:active {
  border-top-color: #1b435e;
  background: red;
}

a.green {
  background: green;
  background: -webkit-gradient(linear, left top, left bottom, from(green), to(black) );
  background: -moz-linear-gradient(top, green, black);
}

.green {
  background: green;
  background: -webkit-gradient(linear, left top, left bottom, from(green), to(black) );
  background: -moz-linear-gradient(top, green, black);
}

a.green:hover {
  border-top-color: #28597a;
  background: green;
  color: #ccc;
}

a.green:active {
  border-top-color: #1b435e;
  background: green;
}

a.yellow {
  border-top: 1px solid darkgold;
  border-top-color: darkgold;
  background: gold;
  background: -webkit-gradient(linear, left top, left bottom, from(gold), to(darkgold) );
  background: -moz-linear-gradient(top, gold, darkgold);
  color: black;
  text-shadow: none;
}

a.yellow:hover {
  border-top-color: #28597a;
  background: darkgold;
  color: dimgray;
}

a.yellow:active {
  border-top-color: #1b435e;
  background: #1b435e;
}

.outwrap {
  min-height: 200px;
  align: middle;
  font-family: helvetica;
  font-size: 14px;
  color: dimgray;
}

.inputfield {
  clear: left;
  width: 90%;
  margin: 0px 5px 10px 10px;
}

/* -----------------------------------------------------------------------------------------------*/
/*  BUTTON WIDTH & HEIGHT                                                                         */
/* -----------------------------------------------------------------------------------------------*/
/**/
/*a.first {*/
/*  margin-top: 25px !important;*/
/*}*/

a.last {
  margin-bottom: 25px !important;
}

a.short {
  height: 40px;
}

a.tall {
  height: 50px !important;
}

a.svelt {
  width: 130px;
}

a.narrower {
  width: 100px;
}

a.narrow {
  width: 120px;
}

a.notsonarrow {
  width: 150px;
}

a.wide {
  width: 280px;
}

a.small {
  width: 30px;
  height: 10px;
  line-height: 10px;
  padding: 8px;
  margin: 0px;
}

#centeredButtons {
   float:left;
   width:100%;
   background:#fff;
/*   border-bottom:4px solid #000;*/
   overflow:hidden;
   position:relative;
}

#centeredButtons ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;   
}

#centeredButtons ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;   
}

#centeredButtons ul li a {
   display:block;
/*   margin:0 0 0 1px;*/
/*   padding:10px 10px 10px 10px;*/
/*   text-align: left;*/
/*   background:#ddd;*/
/*   color:#000;*/
/*   text-decoration:none;*/
/*   line-height:1.3em;*/
}

#centeredButtons ul li a:hover {
/*   background:#369;*/
/*   color:#fff;*/

#centeredButtons ul li a.active,
#centeredButtons ul li a.active:hover {
/*   color:#fff;*/
/*   background:#000;*/
/*   font-weight:bold;*/
}


#scale-up {
    height: 230px;
}

#scale-down {
    height: 57px;
}




a {
  color: #333;
}

#nav {
  margin: 0;
  padding: 7px 6px 0;
  background: #7d7d7d url(img/gradient.png) repeat-x 0 -110px;
  line-height: 100%;
  border-radius: 2em;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
}

#nav li {
  margin: 0 5px;
  padding: 0 0 8px;
  float: left;
  position: relative;
  list-style: none;
}


/* main level link */
#nav a {
  font-weight: bold;
  color: #e7e5e5;
  text-decoration: none;
  display: block;
  padding:  8px 20px;
  margin: 0;

  -webkit-border-radius: 1.6em;
  -moz-border-radius: 1.6em;
  
  text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
#nav a:hover {
  background: #000;
  color: #fff;
}

/* main level link hover */
#nav .current a, #nav li:hover > a {
  background: #666 url(img/gradient.png) repeat-x 0 -40px;
  color: #444;
  border-top: solid 1px #f8f8f8;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
  box-shadow: 0 1px 1px rgba(0,0,0, .2);
  text-shadow: 0 1px 0 rgba(255,255,255, 1);
}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
  background: none;
  border: none;
  color: #666;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
#nav ul a:hover {
  background: #0078ff url(img/gradient.png) repeat-x 0 -100px !important;
  color: #fff !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  text-shadow: 0 1px 1px rgba(0,0,0, .1);
}

/* dropdown */
#nav li:hover > ul {
  display: block;
}

/* level 2 list */
#nav ul {
  display: none;
  margin: 0;
  padding: 0;
  width: 185px;
  position: absolute;
  top: 35px;
  left: 0;
  background: #ddd url(img/gradient.png) repeat-x 0 0;
  border: solid 1px #b4b4b4;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
  box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#nav ul li {
  float: none;
  margin: 0;
  padding: 0;
}

#nav ul a {
  font-weight: normal;
  text-shadow: 0 1px 0 #fff;
}

/* level 3+ list */
#nav ul ul {
  left: 181px;
  top: -3px;
}

/* rounded corners of first and last link */
#nav ul li:first-child > a {
  -webkit-border-top-left-radius: 9px;
  -moz-border-radius-topleft: 9px;
  -webkit-border-top-right-radius: 9px;
  -moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a {
  -webkit-border-bottom-left-radius: 9px;
  -moz-border-radius-bottomleft: 9px;
  -webkit-border-bottom-right-radius: 9px;
  -moz-border-radius-bottomright: 9px;
}

/* clearfix */
#nav:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#nav {
  display: inline-block;
} 
html[xmlns] #nav {
  display: block;
}
 
* html #nav {
  height: 1%;
}
  
  
html {
  overflow: auto;
}
  